<template>
  <h1>属性绑定指令</h1>
  <input type="text" value="uname">
<!--  属性绑定：将html的属性值绑定给某个响应式变量，由变量来控制该属性的值-->
  <input type="text" v-bind:value="uname">
<!--  属性绑定的简写方法-->
  <input type="text" :value="uname">

  <hr>
  <a href="url">百度</a>
  <a :href="url">百度</a>


</template>

<script setup>
  import {ref} from "vue";

  const uname = ref('威神')

  const url = ref('https://www.baidu.com')
</script>



<style scoped>

</style>
